﻿<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Home One || Mozar</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
		<!-- favicon
		============================================ -->		
        <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
		
		<!-- Google Fonts
		============================================ -->		
        <link href='http://fonts.useso.com/css?family=Lato:400,400italic,900,700,700italic,300' rel='stylesheet' type='text/css'>
	   
		<!-- Bootstrap CSS
		============================================ -->		
        <link rel="stylesheet" href="css/bootstrap.min.css">
        
        <!-- nivo slider CSS
		============================================ -->
		<link rel="stylesheet" href="src/lib/nivo-slider/css/nivo-slider.css" type="text/css" />
		<link rel="stylesheet" href="src/lib/nivo-slider/css/preview.css" type="text/css" media="screen" />
        
		<!-- Fontawsome CSS
		============================================ -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
        
		<!-- owl.carousel CSS
		============================================ -->
        <link rel="stylesheet" href="css/owl.carousel.css">
        
		<!-- jquery-ui CSS
		============================================ -->
        <link rel="stylesheet" href="css/jquery-ui.css">
        
		<!-- meanmenu CSS
		============================================ -->
        <link rel="stylesheet" href="css/meanmenu.min.css">
        
		<!-- animate CSS
		============================================ -->
        <link rel="stylesheet" href="css/animate.css">
        
		<!-- style CSS
		============================================ -->
        <link rel="stylesheet" href="style.css">
        
		<!-- responsive CSS
		============================================ -->
        <link rel="stylesheet" href="css/responsive.css">
        
		<!-- modernizr JS
		============================================ -->		
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        
        <!--Header Start-->
        <header>
            <div class="header-top">
                <div class="container">
                    <div class="header-container">
                        <div class="row">
                            <div class="col-md-6 col-sm-7">
                                <div class="header-contact">
                                    <span class="email">Email: admin@bootexperts.com </span> / <span class="phone">Phone: +234.546.657</span>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-5">
                                <div class="currency-language">
                                    <div class="currency-menu">
                                        <ul>
                                            <li><a href="#">USD <i class="fa fa-angle-down"></i></a>
                                                <ul class="currency-dropdown">
                                                    <li><a href="#">EUR</a></li>
                                                    <li><a href="#">USD</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="language-menu">
                                        <ul>
                                            <li><a href="#">English <i class="fa fa-angle-down"></i></a>
                                                <ul class="language-dropdown">
                                                    <li><a href="#">French</a></li>
                                                    <li><a href="#">English</a></li>
                                                    <li><a href="#">German</a></li>
                                                    <li><a href="#">Arabic</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="account-menu">
                                        <ul>
                                            <li><a href="account.html">My Account <i class="fa fa-angle-down"></i></a>
                                                <ul class="account-dropdown">
                                                    <li><a href="wishlist.html">My Wishlist</a></li>
                                                    <li><a href="cart.html">My Cart</a></li>
                                                    <li><a href="checkout.html">Checkout</a></li>
                                                    <li><a href="blog.html">Blog</a></li>
                                                    <li><a href="account.html">Log In</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>    
                </div>
            </div>
            <div class="header-main">
                <div class="container">
                    <div class="header-content">
                        <div class="row">
                            <div class="col-lg-3 col-md-3 col-sm-12">
                                <div class="logo">
                                    <a href="index.html"><img src="img//logo/logo.png" alt="MOZAR"></a>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-8">
                                <div id="search-category">
                                    <form class="search-box" action="#" method="post">
                                        <div class="search-categories">
                                            <div class="search-cat">
                                                <select class="category-items " name="category">
                                                    <option>All Categories</option>
                                                    <option>Women</option>
                                                    <option>Men</option>
                                                    <option>Jewllery</option>
                                                    <option>Bootees Bags</option>
                                                    <option>Clothing</option>
                                                    <option>Footwear</option>
                                                    <option>T-Shirts</option>
                                                </select>
                                            </div>
                                        </div>
                                        <input type="search" placeholder="Search here..." id="text-search" name="search">
                                        <button id="btn-search-category" type="submit">
                                            <i class="icon-search"></i>
                                        </button>
                                    </form>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-4">
                                <ul class="header-r-cart">
                                    <li><a class="cart" href="cart.html">My Cart:2 items</a>
                                        <div class="mini-cart-content">
                                            <div class="cart-products-list">
                                                <div class="cart-products">
                                                    <div class="cart-image">
                                                        <a href="#"><img src="img/cart/1.jpg" alt=""></a>
                                                    </div>
                                                    <div class="cart-product-info">
                                                        <a href="#" class="product-name"> Donec ac tempus </a>
                                                        <a class="edit-product">Edit item</a>
                                                        <a class="remove-product">Remove item</a>
                                                        <div class="price-times">
                                                            <span class="quantity"><strong> 1 x</strong></span>
                                                            <span class="p-price">$100.00</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="cart-products">
                                                    <div class="cart-image">
                                                        <a href="#"><img src="img/cart/2.jpg" alt=""></a>
                                                    </div>
                                                    <div class="cart-product-info">
                                                        <a href="#" class="product-name">Quisque in arcu </a>
                                                        <a class="edit-product">Edit item</a>
                                                        <a class="remove-product">Remove item</a>
                                                        <div class="price-times">
                                                            <span class="quantity"><strong> 1 x</strong></span>
                                                            <span class="p-price">$260.00</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-price-list">
                                                <p class="price-amount">SUBTotal : <span>$356.15</span> </p>
                                                <div class="cart-buttons">
                                                    <a href="checkout.html">Checkout</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>    
                </div>
            </div>
            <!--Mainmenu Start-->
            <div class="mainmenu-area hidden-sm hidden-xs">
                <div id="sticker"> 
                    <div class="container">
                        <div class="row">   
                            <div class="col-lg-12 col-md-12 hidden-sm">
                                <div class="mainmenu">
                                    <nav>
                                        <ul id="nav">
                                            <li class="current"><a href="index.html">Home</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#" class="mega-title">Homepage</a></li>
                                                    <li><a href="index-2.html">Homepage Version 2</a></li>
                                                    <li><a href="index-3.html">Homepage Version 3</a></li>
                                                    <li><a href="index-4.html">Homepage Version 4</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="shop-grid.html">Women</a>
                                                <div class="megamenu">
                                                    <div class="megamenu-list clearfix">
                                                        <span>											
                                                            <a href="#" class="mega-title">Clothing</a>
                                                            <a href="#">Blazers</a>
                                                            <a href="#">Jackets</a>
                                                            <a href="#">Collections</a>
                                                            <a href="#">T-Shirts</a>
                                                        </span>
                                                        <span>											
                                                            <a href="#" class="mega-title">Dresses</a>
                                                            <a href="#">Cocktail</a>
                                                            <a href="#">Sunglass</a>
                                                            <a href="#">Evening</a>
                                                            <a href="#">Footwear</a>
                                                        </span>
                                                        <span>											
                                                            <a href="#" class="mega-title">Handbags</a>
                                                            <a href="#">Bootees Bags</a>
                                                            <a href="#">Furniture</a>
                                                            <a href="#">Exclusive</a>
                                                            <a href="#">Jackets</a>
                                                        </span>
                                                        <span class="no-margin">										
                                                            <a href="#" class="mega-title">Jewellery</a>
                                                            <a href="#">Earrings</a>
                                                            <a href="#">Nosepins</a>
                                                            <a href="#">Braclets</a>
                                                            <a href="#">Bangels</a>
                                                        </span>
                                                        <span class="no-margin">										
                                                            <a href="#" class="mega-banner">
                                                                <img src="img/mega-banner.jpg" alt="">
                                                            </a>
                                                        </span>
                                                    </div>
                                                </div>
                                            </li>
                                            <li><a href="shop-grid.html">Men</a>
                                                <div class="megamenu">
                                                    <div class="megamenu-list clearfix">
                                                        <span>											
                                                            <a href="#" class="mega-title">Clothing</a>
                                                            <a href="#">Blazers</a>
                                                            <a href="#">Jackets</a>
                                                            <a href="#">Collections</a>
                                                            <a href="#">T-Shirts</a>
                                                        </span>
                                                        <span>											
                                                            <a href="#" class="mega-title">Dresses</a>
                                                            <a href="#">Cocktail</a>
                                                            <a href="#">Sunglass</a>
                                                            <a href="#">Evening</a>
                                                            <a href="#">Footwear</a>
                                                        </span>
                                                        <span>											
                                                            <a href="#" class="mega-title">Handbags</a>
                                                            <a href="#">Bootees Bags</a>
                                                            <a href="#">Furniture</a>
                                                            <a href="#">Exclusive</a>
                                                            <a href="#">Jackets</a>
                                                        </span>
                                                        <span class="no-margin">										
                                                            <a href="#" class="mega-title">Jewellery</a>
                                                            <a href="#">Earrings</a>
                                                            <a href="#">Nosepins</a>
                                                            <a href="#">Braclets</a>
                                                            <a href="#">Bangels</a>
                                                        </span>
                                                        <span class="no-margin">										
                                                            <a href="#" class="mega-banner">
                                                                <img src="img/mega-banner.jpg" alt="">
                                                            </a>
                                                        </span>
                                                    </div>
                                                </div>
                                            </li>
                                            <li><a href="shop-grid.html">Footwear</a></li>
                                            <li><a href="index.html">Pages</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#" class="mega-title">Other Pages</a></li>
                                                    <li><a href="about.html">About Us</a></li>
                                                    <li><a href="blog.html">Blog Page</a></li>
                                                    <li><a href="blog-details.html">Blog Details Page</a></li>
                                                    <li><a href="account.html">My Account</a></li>
                                                    <li><a href="cart.html">Cart Page</a></li>
                                                    <li><a href="checkout.html">Checkout Page</a></li>
                                                    <li><a href="product-details.html">Product Details</a></li>
                                                    <li><a href="shop-grid.html">Shop Grid</a></li>
                                                    <li><a href="shop-list.html">Shop List</a></li>
                                                    <li><a href="wishlist.html">Wishlist</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="contact.html">Contact Us</a></li>
                                        </ul>
                                    </nav>
                                </div>        
                            </div>
                        </div>
                    </div>
                </div>      
            </div>
            <!--End of Mainmenu-->
            <!-- Mobile Menu Area start -->
            <div class="mobile-menu-area">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="mobile-menu">
                                <nav id="dropdown">
                                    <ul>
                                        <li><a href="index.html">HOME</a>
                                            <ul>
                                                <li><a href="index-2.html">Home 2</a></li>
                                                <li><a href="index-3.html">Home 3</a></li>
                                                <li><a href="index-4.html">Home 4</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">SHOP</a>
                                            <ul>
                                                <li><a href="shop-grid.html">Shop Grid</a></li>
                                                <li><a href="shop-list.html">Shop List</a></li>
                                                <li><a href="product-details.html">Product Details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="blog.html">Blog</a>
                                            <ul>
                                                <li><a href="blog-details.html">Blog Details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="about.html">ABOUT</a>
                                        <li><a href="#">PAGES</a>
                                            <ul>
                                                <li><a href="account.html">My Account</a></li>
                                                <li><a href="cart.html">Cart</a></li>
                                                <li><a href="checkout.html">Checkout</a></li>
                                                <li><a href="wishlist.html">Wishlist</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="contact.html">CONTACT</a></li>
                                    </ul>
                                </nav>
                            </div>					
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile Menu Area end -->
        </header>
        <!--End of Header Area-->
        <!--Slider Area Start-->
        <div class="slider-area">
            <div class="preview-2">
                <div id="nivoslider" class="slides">	
                    <a href="#"><img src="img/slider/slider-1.jpg" alt="" title="#slider-1-caption1"/></a>
                    <a href="#"><img src="img/slider/slider-3.jpg" alt="" title="#slider-1-caption2"/></a>
                    <a href="#"><img src="img/slider/slider-2.jpg" alt="" title="#slider-1-caption3"/></a>
                </div> 
                <div id="slider-1-caption1" class="nivo-html-caption nivo-caption">
                    <div class="timethai" style=" 
                        position:absolute;
                        bottom:0;
                        left:0;
                        background-color:rgba(224, 53, 80, 0.6);
                        height:3px;
                        -webkit-animation: myfirst 5000ms ease-in-out;
                        -moz-animation: myfirst 5000ms ease-in-out;
                        -ms-animation: myfirst 5000ms ease-in-out;
                        animation: myfirst 5000ms ease-in-out;
				        ">
				    </div>
                    <div class="banner-content slider-1 hidden-xs">
                        <div class="text-content">
                            <h1 class="title1"><span>collections</span></h1>										
                            <h2 class="title2" ><span>2015 new design</span></h2>																	<h3 class="title3">style Mozar always loved men in whatever fashion season spring  winter.</h3>																																					<div class="banner-readmore">
                                <a href="#" title="Read more">Read more</a>	
                            </div>
                        </div>
                    </div>
                </div>		
                <div id="slider-1-caption2" class="nivo-html-caption nivo-caption">
                    <div class="timethai" style=" 
                        position:absolute;
                        bottom:0;
                        left:0;
                        background-color:rgba(224, 53, 80, 0.6);
                        height:3px;
                        -webkit-animation: myfirst 5000ms ease-in-out;
                        -moz-animation: myfirst 5000ms ease-in-out;
                        -ms-animation: myfirst 5000ms ease-in-out;
                        animation: myfirst 5000ms ease-in-out;
				        ">
				    </div>
                    <div class="banner-content slider-2 hidden-xs">
                        <div class="text-content">  
                            <h1 class="title1"><span>hot products</span></h1>										
                            <h2 class="title2" ><span>color patterns for men</span></h2>															<h3 class="title3">create new trends for 2015, we generated mutant products for boys personality</h3>		     
                            <div class="banner-readmore">
                                <a href="#" title="Read more">Read more</a>	
                            </div>	
                        </div>
                    </div>
                </div> 	
                <div id="slider-1-caption3" class="nivo-html-caption nivo-caption">
                    <div class="timethai" style=" 
                        position:absolute;
                        bottom:0;
                        left:0;
                        background-color:rgba(224, 53, 80, 0.6);
                        height:3px;
                        -webkit-animation: myfirst 5000ms ease-in-out;
                        -moz-animation: myfirst 5000ms ease-in-out;
                        -ms-animation: myfirst 5000ms ease-in-out;
                        animation: myfirst 5000ms ease-in-out;
				        ">
				    </div>
                    <div class="banner-content slider-3 hidden-xs">
                        <div class="text-content">  
                            <h1 class="title1"><span>eyewear collection</span></h1>								
                            <h2 class="title2" ><span>perfect  model 2015</span></h2>																<h3 class="title3">HOT summer fashion glasses accepted competitive price free shipping nationwide</h3>				   
                            <div class="banner-readmore">
                                <a href="#" title="Read more">Read more</a>	
                            </div>
                        </div>
                    </div>
                </div>    
            </div>
        </div>
        <!--End of Slider Area-->
        <!--Banner Area Start-->
        <div class="banner-area">
            <div class="container">
                <div class="section-padding">
                    <div class="row">
                        <div class="col-md-5 col-sm-5">
                            <div class="banner-container">
                                <a href="#">
                                    <img src="img/banner/1.jpg" alt="">
                                </a>    
                                <div class="banner-text">
                                    <h3>SHORT DUNGAREES</h3>
                                    <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque omnis voluptas assumenda est, omnis dolor repellendus.</p>
                                    <a href="#">View all products</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-7 col-sm-7">
                            <div class="row">
                                <div class="col-md-6 col-sm-6">
                                    <div class="banner-box">
                                        <a href="#">
                                            <img src="img/banner/2.jpg" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-6">
                                    <div class="banner-box">
                                        <a href="#">
                                            <img src="img/banner/3.jpg" alt="">
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 col-sm-6">
                                    <div class="banner-box">
                                        <a href="#">
                                            <img src="img/banner/4.jpg" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-6">
                                    <div class="banner-box">
                                        <a href="#">
                                            <img src="img/banner/5.jpg" alt="">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>    
            </div>
        </div>
        <!--End of Banner Area-->
        <!--Timer Product Carousel Area Start-->
        <div class="timer-product-carousel-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section-title"><h2>Sale Off</h2></div>
                    </div>
                </div>
                <div class="row">
                    <div class="product-carousel">
                        <div class="col-md-3">
                            <!--item 1 start-->
                            <div class="single-product-item">
                                <div class="sale-product-label"><span>sale</span></div>
                                <div class="single-product clearfix">
                                    <a href="#">
                                        <span class="product-image">
                                            <img src="img/product/1.jpg" alt="">
                                        </span>
                                        <span class="product-image hover-image">
                                            <img src="img/product/2.jpg" alt="">
                                        </span>   
                                        <div class="timer">
                                            <div data-countdown="2022/01/01" class="timer-grid"></div>
                                        </div>
                                    </a>
                                </div>
                                <h2 class="single-product-name"><a href="#">Aliquam consequat</a></h2>
                                <div class="price-box">
								    <p class="old-price">
								        <span class="price">$999.00</span>
								    </p>
								    <p class="special-price">
                                        <span class="price">$944.00</span>
								    </p> 											
                                </div>
                            </div><!--end of item 1-->
                        </div><!--end of col-md-3-->
                        <div class="col-md-3">
                            <!--item 2 start-->
                            <div class="single-product-item">
                                <div class="sale-product-label"><span>sale</span></div>
                                <div class="single-product clearfix">
                                    <a href="#">
                                        <span class="product-image">
                                            <img src="img/product/2.jpg" alt="">
                                        </span>
                                        <span class="product-image hover-image">
                                            <img src="img/product/3.jpg" alt="">
                                        </span>  
                                        <div class="timer">
                                            <div data-countdown="2022/01/01" class="timer-grid"></div>
                                        </div>
                                    </a>
                                </div>
                                <h2 class="single-product-name"><a href="#">Quisque in arcu</a></h2>
                                <div class="price-box">
								    <p class="old-price">
								        <span class="price">$876.00</span>
								    </p>
								    <p class="special-price">
                                        <span class="price">$786.00</span>
								    </p> 											
                                </div>
                            </div><!--end of item 2-->
                        </div><!--end of col-md-3-->
                        <div class="col-md-3">
                            <!--item 3 start-->
                            <div class="single-product-item">
                                <div class="sale-product-label"><span>sale</span></div>
                                <div class="single-product clearfix">
                                    <a href="#">
                                        <span class="product-image">
                                            <img src="img/product/4.jpg" alt="">
                                        </span>
                                        <span class="product-image hover-image">
                                            <img src="img/product/5.jpg" alt="">
                                        </span>   
                                        <div class="timer">
                                            <div data-countdown="2022/01/01" class="timer-grid"></div>
                                        </div>
                                    </a>
                                </div>
                                <h2 class="single-product-name"><a href="#">Proin lectus ipsum</a></h2>
                                <div class="price-box">
								    <p class="old-price">
								        <span class="price">$580.00</span>
								    </p>
								    <p class="special-price">
                                        <span class="price">$400.00</span>
								    </p> 											
                                </div>
                            </div><!--end of item 3-->
                        </div><!--end of col-md-3-->
                        <div class="col-md-3">
                            <!--item 4 start-->
                            <div class="single-product-item">
                                <div class="sale-product-label"><span>sale</span></div>
                                <div class="single-product clearfix">
                                    <a href="#">
                                        <span class="product-image">
                                            <img src="img/product/6.jpg" alt="">
                                        </span>
                                        <span class="product-image hover-image">
                                            <img src="img/product/7.jpg" alt="">
                                        </span>   
                                        <div class="timer">
                                            <div data-countdown="2022/01/01" class="timer-grid"></div>
                                        </div>
                                    </a>
                                </div>
                                <h2 class="single-product-name"><a href="#"> Donec ac tempus </a></h2>
                                <div class="price-box">
								    <p class="old-price">
								        <span class="price">$344.00</span>
								    </p>
								    <p class="special-price">
								        <span class="price">$222.00</span>
								    </p>											
                                </div>
                            </div><!--end of item 4-->
                        </div><!--end of col-md-3-->
                        <div class="col-md-3">
                            <!--item 5 start-->
                            <div class="single-product-item">
                                <div class="sale-product-label"><span>sale</span></div>
                                <div class="single-product clearfix">
                                    <a href="#">
                                        <span class="product-image">
                                            <img src="img/product/11.jpg" alt="">
                                        </span>
                                        <span class="product-image hover-image">
                                            <img src="img/product/10.jpg" alt="">
                                        </span>   
                                        <div class="timer">
                                            <div data-countdown="2022/01/01" class="timer-grid"></div>
                                        </div>
                                    </a>
                                </div>
                                <h2 class="single-product-name"><a href="#">Pellentesque habitant </a></h2>
                                <div class="price-box">
								    <p class="old-price">
								        <span class="price">$199.00</span>
								    </p>
								    <p class="special-price">
                                        <span class="price">$105.00</span>
								    </p> 											
                                </div>
                           </div><!--end of item 5-->
                        </div><!--end of col-md-3-->
                        <div class="col-md-3">
                            <!--item 6 start-->
                            <div class="single-product-item">
                                <div class="sale-product-label"><span>sale</span></div>
                                <div class="single-product clearfix">
                                    <a href="#">
                                        <span class="product-image">
                                            <img src="img/product/13.jpg" alt="">
                                        </span>
                                        <span class="product-image hover-image">
                                            <img src="img/product/12.jpg" alt="">
                                        </span>   
                                        <div class="timer">
                                            <div data-countdown="2022/01/01" class="timer-grid"></div>
                                        </div>
                                    </a>
                                </div>
                                <h2 class="single-product-name"><a href="#">Primis in faucibus</a></h2>
                                <div class="price-box">
								    <p class="old-price">
								        <span class="price">$645.00</span>
								    </p>
								    <p class="special-price">
                                        <span class="price">$534.00</span>
								    </p> 											
                                </div>
                           </div><!--end of item 6-->
                        </div><!--end of col-md-3-->
                    </div>
                </div>
            </div>
        </div>
        <!--End of Timer Product Carousel Area-->
        <!--Featured Product Carousel Area Start-->
        <div class="featured-product-carousel-area">
            <div class="container">
                <div class="section-padding"> 
                    <div class="row">
                        <div class="col-md-12">
                            <div class="section-title"><h2>FEATURED PRODUCTS</h2></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="product-carousel">
                            <div class="col-md-3">
                                <!--item 1 start-->
                                <div class="single-product-item">
                                    <div class="sale-product-label"><span>sale</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/21.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/9.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#"> Donec ac tempus </a></h2>
                                    <div class="price-box">
                                        <p class="old-price">
                                            <span class="price">$899.00</span>
                                        </p>
                                        <p class="special-price">
                                            <span class="price">$765.00</span>
                                        </p> 											
                                    </div>
                                </div><!--end of item 1-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 2 start-->
                                <div class="single-product-item">
                                    <div class="sale-product-label"><span>sale</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/15.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/14.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">occaecati cupiditate</a></h2>
                                    <div class="price-box">
                                        <p class="old-price">
                                            <span class="price">$170.00</span>
                                        </p>
                                        <p class="special-price">
                                            <span class="price">$120.00</span>
                                        </p> 											
                                    </div>
                                </div><!--end of item 2-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 3 start-->
                                <div class="single-product-item">
                                    <div class="sale-product-label"><span>sale</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/13.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/12.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">Primis in faucibus</a></h2>
                                    <div class="price-box">
                                        <p class="special-price">
                                            <span class="price">$333.00</span>
                                        </p> 											
                                    </div>
                                </div><!--end of item 3-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 4 start-->
                                <div class="single-product-item">
                                    <div class="new-product-label"><span>new</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/2.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/3.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">Etiam gravida</a></h2>
                                    <div class="price-box">
                                        <p class="old-price">
                                            <span class="price">$222.00</span>
                                        </p>											
                                    </div>
                                </div><!--end of item 4-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 5 start-->
                                <div class="single-product-item">
                                    <div class="new-product-label"><span>new</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/1.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/2.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">Nunc facilisis </a></h2>
                                    <div class="price-box">
                                        <p class="special-price">
                                            <span class="price">$423.00</span>
                                        </p> 											
                                    </div>
                               </div><!--end of item 5-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 6 start-->
                                <div class="single-product-item">
                                    <div class="sale-product-label"><span>sale</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/6.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/7.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#"> Tempus Donec le </a></h2>
                                    <div class="price-box">
                                        <p class="old-price">
                                            <span class="price">$321.00</span>
                                        </p>
                                        <p class="special-price">
                                            <span class="price">$222.00</span>
                                        </p> 											
                                    </div>
                               </div><!--end of item 6-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 7 start-->
                                <div class="single-product-item">
                                    <div class="new-product-label"><span>new</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/8.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/9.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">occaecati Primis</a></h2>
                                    <div class="price-box">
                                        <p class="special-price">
                                            <span class="price">$453.00</span>
                                        </p> 											
                                    </div>
                               </div><!--end of item 7-->
                            </div><!--end of col-md-3-->
                        </div>
                    </div>
                </div>      
            </div>
        </div>
        <!--End of Featured Product Carousel Area-->
        <!--Banner Area Start-->
        <div class="banner-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-md-8 col-sm-8 hidden-xs">
                        <div class="banner-box">
                            <a href="#">
                                <img src="img/banner/6.jpg" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4">
                        <div class="banner-box">
                            <a href="#">
                                <img src="img/banner/7.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End of Banner Area-->
        <!--Product Carousel Area Start-->
        <div class="product-carousel-area">
            <div class="container">
                <div class="section-padding">   
                    <div class="row">
                        <div class="col-md-12">
                            <div class="section-title"><h2>New Products</h2></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="product-carousel">
                            <div class="col-md-3">
                                <!--item 1 start-->
                                <div class="single-product-item">
                                    <div class="new-product-label"><span>new</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/9.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/8.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">Fusce aliquam</a></h2>
                                    <div class="price-box">
                                        <p class="special-price">
                                            <span class="price">$123.00</span>
                                        </p> 											
                                    </div>
                                </div><!--end of item 1-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 2 start-->
                                <div class="single-product-item">
                                    <div class="sale-product-label"><span>sale</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/1.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/2.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">Aliquam consequat</a></h2>
                                    <div class="price-box">
                                        <p class="old-price">
                                            <span class="price">$170.00</span>
                                        </p>
                                        <p class="special-price">
                                            <span class="price">$120.00</span>
                                        </p> 											
                                    </div>
                                </div><!--end of item 2-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 3 start-->
                                <div class="single-product-item">
                                    <div class="new-product-label"><span>new</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/18.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/17.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">Accumsan elit </a></h2>
                                    <div class="price-box">
                                        <p class="special-price">
                                            <span class="price">$333.00</span>
                                        </p> 											
                                    </div>
                                </div><!--end of item 3-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 4 start-->
                                <div class="single-product-item">
                                    <div class="new-product-label"><span>new</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/20.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/19.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">Nunc facilisis</a></h2>
                                    <div class="price-box">
                                        <p class="old-price">
                                            <span class="price">$222.00</span>
                                        </p>											
                                    </div>
                                </div><!--end of item 4-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 5 start-->
                                <div class="single-product-item">
                                    <div class="new-product-label"><span>new</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/15.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/14.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">Etiam gravida</a></h2>
                                    <div class="price-box">
                                        <p class="special-price">
                                            <span class="price">$423.00</span>
                                        </p> 											
                                    </div>
                               </div><!--end of item 5-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 6 start-->
                                <div class="single-product-item">
                                    <div class="sale-product-label"><span>sale</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/6.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/7.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#"> Donec ac tempus </a></h2>
                                    <div class="price-box">
                                        <p class="old-price">
                                            <span class="price">$321.00</span>
                                        </p>
                                        <p class="special-price">
                                            <span class="price">$222.00</span>
                                        </p> 											
                                    </div>
                               </div><!--end of item 6-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 7 start-->
                                <div class="single-product-item">
                                    <div class="new-product-label"><span>new</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/21.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/9.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">occaecati cupiditate</a></h2>
                                    <div class="price-box">
                                        <p class="special-price">
                                            <span class="price">$453.00</span>
                                        </p> 											
                                    </div>
                               </div><!--end of item 7-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 8 start-->
                                <div class="single-product-item">
                                    <div class="sale-product-label"><span>sale</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/13.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/12.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">Primis in faucibus</a></h2>
                                    <div class="price-box">
                                        <p class="old-price">
                                            <span class="price">$122.00</span>
                                        </p>
                                        <p class="special-price">
                                            <span class="price">$100.00</span>
                                        </p> 											
                                    </div>
                               </div><!--end of item 8-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 9 start-->
                                <div class="single-product-item">
                                    <div class="new-product-label"><span>new</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/13.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/16.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">Cras neque metus</a></h2>
                                    <div class="price-box">
                                        <p class="special-price">
                                            <span class="price">$876.00</span>
                                        </p> 											
                                    </div>
                               </div><!--end of item 9-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 10 start-->
                                <div class="single-product-item">
                                    <div class="sale-product-label"><span>sale</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/11.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/10.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">Pellentesque habitant </a></h2>
                                    <div class="price-box">
                                        <p class="old-price">
                                            <span class="price">$789.00</span>
                                        </p>
                                        <p class="special-price">
                                            <span class="price">$567.00</span>
                                        </p> 											
                                    </div>
                               </div><!--end of item 10-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 11 start-->
                                <div class="single-product-item">
                                    <div class="new-product-label"><span>new</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/6.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/7.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#"> Donec ac tempus </a></h2>
                                    <div class="price-box">
                                        <p class="special-price">
                                            <span class="price">$692.00</span>
                                        </p> 											
                                    </div>
                               </div><!--end of item 11-->
                            </div><!--end of col-md-3-->
                            <div class="col-md-3">
                                <!--item 12 start-->
                                <div class="single-product-item">
                                    <div class="sale-product-label"><span>sale</span></div>
                                    <div class="single-product clearfix">
                                        <a href="#">
                                            <span class="product-image">
                                                <img src="img/product/4.jpg" alt="">
                                            </span>
                                            <span class="product-image hover-image">
                                                <img src="img/product/5.jpg" alt="">
                                            </span>
                                        </a>
                                        <div class="button-actions clearfix">	
                                            <button class="button add-to-cart" type="button">
                                                <span><i class="fa fa-shopping-cart"></i></span>
                                            </button>
                                            <ul class="add-to-links">
                                                <li class="quickview">
                                                    <a class="btn-quickview modal-view" href="#" data-toggle="modal" data-target="#productModal">
                                                        <i class="fa fa-search-plus"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="link-wishlist" href="wishlist.html">
                                                        <i class="fa fa-heart"></i>
                                                    </a>
                                                </li>																													<li>
                                                    <a class="link-compare" href="#">
                                                        <i class="fa fa-retweet"></i>
                                                    </a>
                                                </li>										    
                                            </ul>
                                        </div>
                                    </div>
                                    <h2 class="single-product-name"><a href="#">Proin lectus ipsum</a></h2>
                                    <div class="price-box">
                                        <p class="old-price">
                                            <span class="price">$556.00</span>
                                        </p>
                                        <p class="special-price">
                                            <span class="price">$530.00</span>
                                        </p> 											
                                    </div>
                               </div><!--end of item 12-->
                            </div><!--end of col-md-3-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End of Product Carousel Area-->
        <!--Blog Area Start-->
        <div class="blog-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="section-title"><h2>From the blog</h2></div>
                    </div>
                </div>
                <div class="row">
                    <div class="blog-carousel">
                        <div class="col-md-4">
                            <div class="banner-box">
                                <a href="#" class="image-blog"><img src="img/blog/1.jpg" alt=""></a>
                                <div class="single-blog">
                                    <span class="date-time">
                                        <span class="days">18</span>
                                        <span class="months">Feb</span>
                                    </span>
                                    <a class="blog-title" href="blog-details.html"><span>voluptatibus maiores aut</span></a>
                                    <p class="author">By BootExperts<span> ( 0 comments )</span></p>
                                    <p class="no-margin">Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores aut find fault with...</p>
                                </div>
                            </div>    
                        </div>
                        <div class="col-md-4">
                            <div class="banner-box">
                                <a href="#" class="image-blog"><img src="img/blog/2.jpg" alt=""></a>
                                <div class="single-blog">
                                    <span class="date-time">
                                        <span class="days">09</span>
                                        <span class="months">Jan</span>
                                    </span>
                                    <a class="blog-title" href="blog-details.html"><span>Beguiled  and demoralized</span></a>
                                    <p class="author">By BootExperts<span> ( 0 comments )</span></p>
                                    <p class="no-margin">Laboriosam ipsa temporibus magni assumenda vitae expedita incidunt, aperiam explicabo dignissimos...</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="banner-box">
                                <a href="#" class="image-blog"><img src="img/blog/3.jpg" alt=""></a>
                                <div class="single-blog">
                                    <span class="date-time">
                                        <span class="days">01</span>
                                        <span class="months">Mar</span>
                                    </span>
                                    <a class="blog-title" href="blog-details.html"><span>Lorem ipsum adipisicing </span></a>
                                    <p class="author">By BootExperts<span> ( 0 comments )</span></p>
                                    <p class="no-margin">Consectetur adipisicing elit. Nihil repellat impedit deleniti harum repellendus nobis dolore fuga....</p>
                                </div>
                            </div>    
                        </div>
                        <div class="col-md-4">
                            <div class="banner-box">
                                <a href="#" class="image-blog"><img src="img/blog/1.jpg" alt=""></a>
                                <div class="single-blog">
                                    <span class="date-time">
                                        <span class="days">28</span>
                                        <span class="months">Jan</span>
                                    </span>
                                    <a class="blog-title" href="blog-details.html"><span>Repreherit labore totam </span></a>
                                    <p class="author">By BootExperts<span> ( 0 comments )</span></p>
                                    <p class="no-margin">In officia cumque ipsam neque ex non beatae, fugit quo qui error. Consectetur, quibusdam quidem fuga possimus.....</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End of Blog Area-->
        <!--Brand Area Strat-->
        <div class="brand-area">
            <div class="container">
                <div class="brand-content">
                    <div class="row">
                        <div class="brand-carousel">
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/1.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/2.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/3.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/4.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/5.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/6.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/1.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="single-brand">
                                    <a href="#">
                                        <img src="img/brand/6.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>    
            </div>
        </div>
        <!--End of Brand Area-->
        <!--Service Area Start-->
        <div class="service-area">
            <div class="container">
                <div class="service-padding">
                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                            <div class="single-service">
                                <span class="fa fa-truck"></span>
                                <h3>fREE SHIPPING</h3>
                                <p>One order over $99</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                            <div class="single-service">
                                <span class="fa fa-dropbox"></span>
                                <h3>Special gift cards</h3>
                                <p> Give the perfect gift</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                            <div class="single-service">
                                <span class="fa fa-calendar-o"></span>
                                <h3>Daily promotion</h3>
                                <p> Set up perspiciatis unde</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 hidden-sm col-xs-12">
                            <div class="single-service">
                                <span class="fa fa-comments-o"></span>
                                <h3>Special gift cards</h3>
                                <p> Give the perfect gift</p>
                            </div>
                        </div>
                    </div>
                </div>    
            </div>
        </div>
        <!--End of Service Area-->
        <!--Footer Widget Area Start-->
        <div class="footer-widget-area">
            <div class="container">
                <div class="footer-widget-padding"> 
                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                            <div class="single-widget">
                                <div class="footer-widget-title">
                                    <h3>our support</h3>
                                </div>
                                <div class="footer-widget-list ">
                                    <ul>
                                        <li><a href="#">Sitemap</a></li>
                                        <li><a href="#">Privacy Policy</a></li>
                                        <li><a href="#">Your Account</a></li>
                                        <li><a href="#">Advanced Search</a></li>
                                        <li><a href="#">Contact Us</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 hidden-sm col-xs-12">
                            <div class="single-widget">
                                <div class="footer-widget-title">
                                    <h3>My account</h3>
                                </div>
                                <div class="footer-widget-list ">
                                    <ul>
                                        <li><a href="#">My Account</a></li>
                                        <li><a href="#">Order History</a></li>
                                        <li><a href="#">Returns</a></li>
                                        <li><a href="#">Specials</a></li>
                                        <li><a href="#">Site Map</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                            <div class="single-widget">
                                <div class="footer-widget-title">
                                    <h3>Contact us</h3>
                                </div>
                                <div class="footer-widget-list ">
                                    <ul class="address">
                                        <li><span class="fa fa-map-marker"></span> Addresss: Lorem ipsum dolor</li>
                                        <li><span class="fa fa-phone"></span> (800) 0123 4567 890</li>
                                        <li class="support-link"><span class="fa fa-envelope-o"></span> admin@bootexperts.com</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                            <div class="single-widget">
                                <div class="footer-widget-title">
                                    <h3>Sign up for newsletter</h3>
                                </div>
                                <div class="footer-widget-list ">
                                    <form id="newsletter" method="post" action="#">
                                        <div class="newsletter-content">
                                           <input type="text" name="email">
                                            <button class="button" type="submit"><span>Subscribe</span></button>
                                        </div>
                                    </form>
                                    <ul class="social-link">
                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                        <li><a href="#"><i class="fa fa-rss"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                        <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                                        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>     
            </div>
        </div>
        <!--End of Footer Widget Area-->
        <!--Footer Area Start-->
        <footer class="footer">
            <div class="container">
                <div class="footer-padding">   
                    <div class="row">
                        <div class="col-lg-7 col-md-7 col-sm-8">
                            <nav>
                                <ul id="footer-menu">
                                    <li><a href="#">About Us</a></li>
                                    <li><a href="#">Contact Us</a></li>
                                    <li><a href="#">Customer Service</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                </ul>
                                <p class="author">Copyright © 2016 <a href="#">BootExperts</a> All Rights Reserved.</p>
                            </nav>
                        </div>
                        <div class="col-lg-5 col-md-5 col-sm-4">
                            <p class="payment-image">
                                <img src="img/payment.png" alt="">
                            </p>
                        </div>
                    </div>
                </div>    
            </div>
        </footer>
        <!--End of Footer Area-->
        <!--Quickview Product Start -->
        <div id="quickview-wrapper">
            <!-- Modal -->
            <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <div class="modal-product">
                                <div class="product-images">
                                    <div class="main-image images">
                                        <img alt="" src="img/product/quick-view.jpg">
                                    </div>
                                </div>
                                <div class="product-info">
                                    <h1>Diam quis cursus</h1>
                                    <div class="price-box">
                                        <p class="price"><span class="special-price"><span class="amount">$132.00</span></span></p>
                                    </div>
                                    <a href="product-details.html" class="see-all">See all features</a>
                                    <div class="quick-add-to-cart">
                                        <form method="post" class="cart">
                                            <div class="numbers-row">
                                                <input type="number" id="french-hens" value="3">
                                            </div>
                                            <button class="single_add_to_cart_button" type="submit">Add to cart</button>
                                        </form>
                                    </div>
                                    <div class="quick-desc">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero vulputate rutrum. Morbi ornare lectus quis justo gravida semper. Nulla tellus mi, vulputate adipiscing cursus eu, suscipit id nulla.
                                    </div>
                                    <div class="social-sharing">
                                        <div class="widget widget_socialsharing_widget">
                                            <h3 class="widget-title-modal">Share this product</h3>
                                            <ul class="social-icons">
                                                <li><a target="_blank" title="Facebook" href="#" class="facebook social-icon"><i class="fa fa-facebook"></i></a></li>
                                                <li><a target="_blank" title="Twitter" href="#" class="twitter social-icon"><i class="fa fa-twitter"></i></a></li>
                                                <li><a target="_blank" title="Pinterest" href="#" class="pinterest social-icon"><i class="fa fa-pinterest"></i></a></li>
                                                <li><a target="_blank" title="Google +" href="#" class="gplus social-icon"><i class="fa fa-google-plus"></i></a></li>
                                                <li><a target="_blank" title="LinkedIn" href="#" class="linkedin social-icon"><i class="fa fa-linkedin"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div><!-- .product-info -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End of Quickview Product-->	
        <!--Newsletter Popup Start-->
        <div id="newsletter-popup-conatiner">
            <div id="newsletter-pop-up">
                <span class="hide-popup">Close</span>
                <div class="subscribe-pop-up">
                    <div class="title-subscribe">
                        <h1>NEWSLETTER</h1>
                    </div>
                    <form id="newsletter-form" method="post" action="#">
                        <div class="content-subscribe">
                            <div class="form-subscribe-header">
                                <label>Subcribe to the Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat..</label>
                            </div>
                            <div class="input-box">
                               <input type="text" class="input-text newsletter-subscribe" title="Sign up for our newsletter" name="email">
                            </div>
                            <div class="actions">
                                <button class="button-subscribe" title="Subscribe" type="submit">Subscribe</button>
                            </div>
                        </div>
                    </form>
                    <div class="subscribe-bottom">
                        <input type="checkbox" id="dont_show">
                        <label for="dont_show">Don't show this popup again</label>
                    </div>
                </div>
            </div>
        </div>
        <!--End of Newsletter Popup-->
        
		<!-- jquery
		============================================ -->		
        <script src="js/vendor/jquery-1.11.3.min.js"></script>
        
		<!-- bootstrap JS
		============================================ -->		
        <script src="js/bootstrap.min.js"></script>
        
        <!-- nivo slider js
		============================================ -->       
		<script src="src/lib/nivo-slider/js/jquery.nivo.slider.js" type="text/javascript"></script>
		<script src="src/lib/nivo-slider/home.js" type="text/javascript"></script>
		
		<!-- wow JS
		============================================ -->		
        <script src="js/wow.min.js"></script>
        	
		<!-- meanmenu JS
		============================================ -->		
        <script src="js/jquery.meanmenu.js"></script>
        
		<!-- owl.carousel JS
		============================================ -->		
        <script src="js/owl.carousel.min.js"></script>
        
		<!-- price-slider JS
		============================================ -->		
        <script src="js/jquery-price-slider.js"></script>	
        
		<!-- scrollUp JS
		============================================ -->		
        <script src="js/jquery.scrollUp.min.js"></script>
        
        <!--Countdown js-->
        <script src="js/jquery.countdown.min.js"></script>
        
		<!-- Sticky Menu JS
		============================================ -->		
        <script src="js/jquery.sticky.js"></script>
        
		<!-- Elevatezoom JS
		============================================ -->		
        <script src="js/jquery.elevateZoom-3.0.8.min.js"></script>
        
		<!-- plugins JS
		============================================ -->		
        <script src="js/plugins.js"></script>
        
		<!-- main JS
		============================================ -->		
        <script src="js/main.js"></script>
    </body>
</html>